<script>
import S1 from "./options/1.vue";
import S2 from "./options/2.vue";
import S3 from "./options/3.vue";
import S4 from "./options/4.vue";
import S5 from "./options/5.vue";
import S6 from "./options/6.vue";
import S7 from "./options/7.vue";
import S8 from "./options/8.vue";
import S9 from "./options/9.vue";
import S10 from "./options/10.vue";
import S11 from "./options/11.vue";
export default {
  props: ["node"],
  components: {
    S1,
    S2,
    S3,
    S4,
    S5,
    S6,
    S7,
    S8,
    S9,
    S10,
    S11,
  },
  data() {
    return {
      type: [null, "S1", "S2", "S3", "S4","S5","S6","S7","S8","S9","S10","S11"],
    };
  },

  mounted() {},
  render(h) {
    let Tag = this.type[this.node.type];
    return (
        <Tag node={this.node}></Tag>
    )
  },
};
</script>

<style>

</style>